<template>
<div id="menu">
  <el-menu
    mode="horizontal"
    default-active="/"
    :router="true"
    class="el-menu-vertical-demo">

    <el-menu-item index="/">
      <template slot="title">
         <i class="el-icon-menu"></i>
         <span>首页</span>
         <!-- <router-link to='/'>首页</router-link> -->
       </template>
    </el-menu-item>

     <el-menu-item index="/query">
      <i class="el-icon-menu"></i>
      <span>预警查询</span>
      <!-- <router-link to='/query'>预警查询</router-link> -->
    </el-menu-item>
  </el-menu>


</div>
</template>

<script>
  export default {
    name: 'leftMenu',
    data(){
      return{

      }
    }
  }
</script>

<style scoped>
  .el-menu {
    background-color: transparent;
  }
</style>
